<template>
  <div class="pl-5 pr-5">
    <h2 class="item-title whitespace-nowrap pt-4">
      {{ data.title }}
    </h2>
    <p class="service-home-item-content pt-4">{{ data.value }}</p>
  </div>
</template>
<script lang="ts" setup>
const props = defineProps({
  data: {
    type: Object,
    required: true,
  },
});
</script>

<style lang="scss" scoped>
.service-home-item {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
}
.item-title {
  color: var(--color-wirte);
  font-size: var(--text-h3-size);
  font-weight: 600;
}

.service-home-item-content {
  color: var(--color-wirte);
  font-size: var(--text-h2-size);
}
</style>
